html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}


/*包裹整个页面*/

#all {
	min-height: 100%;
	max-width: 1366px;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	/*IE6不识别min-height*/
	position: relative;
	overflow: hidden;
}

#topAdv {
	max-width: 1366px;
	overflow: hidden;
}
#closeAdv{
	position: absolute;
	top:10px;
	right: 70px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: white;
	text-align: center;
	border-radius: 70%;
	background-color:rgba(0,0,0,0.2) ;
}
#closeAdv:hover{
	cursor: default;
	color: red;
}


/*头部*/

#head {
	max-width: 100%;
	position: relative;
	width: 1366px;
	margin: 0 auto;
	border: 1px solid gainsboro;
}

#headBox {
	height: 100px;
	position: relative;
	max-width: 1226px;
	margin: 0 auto;
}


/*最上排*/

#headTop {
	height: 30px;
	max-width: 1226px;
}

#headTop a {
	color: #a4a4a4;
	text-decoration: none;
	color: #a4a4a4;
}

#headTop a:hover {
	color: orangered;
}

#topLeft {
	list-style: none;
	position: relative;
	height: 30px;
	float: left;
}

#topLeft .topLeftLi,
#topRight .topRightLi {
	float: left;
	padding-left: 8px;
	font-size: 12px;
	position: relative;
}

#topLeft .topLeftLi:first-child {
	padding-left: 0;
}

#topLeft .topLeftLi:not(:last-child)::after {
	content: "|";
	color: #a4a4a4;
	padding-left: 8px;
}

#topRight .topRightLi:eq(1)::before,
::after {
	content: "|";
	color: #a4a4a4;
	padding-left: 8px;
}

#topLeft #qrcode div {
	display: none;
	position: absolute;
	border: 1px solid darkgray;
	padding: 20px;
	background: white;
	width: 150px;
	text-align: center;
}

#topLeft #qrcode:hover div {
	display: block;
	z-index: 10;
}

#topLeft #more ul {
	display: none;
	position: absolute;
	border: 1px solid darkgray;
	box-shadow: 0px 0px 10px 5px #aaa;
	width: 160px;
	font-size: 16px;
	color: black;
	padding: 10px;
	text-align: center;
	background: white;
}

#topLeft #more ul a:hover {
	color: orangered;
}

#topLeft #more ul a {
	font-size: 16px;
	color: black;
}

#topLeft #more:hover ul {
	display: block;
	z-index: 10;
}

#topRight {
	float: right;
	list-style: none;
	position: relative;
}
#loged:hover #userDrop{
	display: block;
}
/*个人信息*/
#userDrop{
	width:340px;
	height: 370px;
	background: white;
	border: 1px solid gainsboro;
	box-shadow: 0px 0px 10px 5px #aaa;
	z-index: 10;
	position: absolute;
	left: -275px;
	display: none;
}
#userInfo{
	height: 120px;	
	overflow: hidden;
	padding: 10px;
}
#userLeft{
	float: left;
	height: 120px;
	width: 120px;
}
#userRight{
	float: left;
}
#userRight p{
	font-size: 16px;
	color: #a4a4a4;
	cursor: pointer;
}
#userRight .realName,#userRight .i-mail{
	width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #eaeaea;
    float: left;
    margin-right: 8px;
    position: relative;
    color: #717171;
    margin-top: 10px;
}
#userRight .realName span,.i-mail span{
	height: 20px;
	width: 20px;
	padding: 8px 0;
	margin-left: 10px;
	display: inline-block;
	float: left;
	background: url(../../img/zxy/headAndFoot/icon2.png) 0 -71px no-repeat;
}
#userRight .i-mail span{
	background: url(../../img/zxy/headAndFoot/icon2.png) 0 -91px no-repeat;
}
#userOrder{
	height: 50px;
    font-size: 14px;
    border-bottom: 1px solid #eaeaea;
    padding: 0 20px 13px;
    line-height: 50px;
}
#userOrder a{
	float: right;
	cursor: pointer;
}
#orderList{
	height: 40px;
}
#userDrop #orderList ul{
	list-style: none;
	padding: 10px 20px;
	height: 40px;
	line-height: 40px;
	width: 340px;
}
#userDrop #orderList ul li{
	float: left;
	width: 60px;
	padding: 0;
	text-align: center;
	height: 16px;
	line-height: 16px;
	border-right: 1px solid gray;
}
#orderList ul li:last-child{
	border-right: none;
}
#orderList ul li a{
	color: #3a3a3a;	
	cursor: pointer;
	font-size: 12px;
	text-decoration: none;
}
#otherInfo{
	height: 120px;
	padding: 10px 20px;
	overflow: hidden;
	width: 340px;
}
#otherInfo .discount{
	width: 100px;
	height: 100px;
	float: left;
	text-align: center;
	border-right: 1px solid gainsboro;
}
#otherInfo .discount:last-child{
	border-right: none;
}
#otherInfo .discount .img01,.img02,.img03{
	width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background: url(../../img/zxy/headAndFoot/icon-common.png) no-repeat;
	background-position: -50px 0 ;
}
#otherInfo .discount .img02{
	background-position: -50px -50px;
}
#otherInfo .discount .img03{
	background-position: -50px -100px;
}
#otherInfo .discount p{
	color: #a4a4a4;
    font-size: 12px;
}
#logout{
	height: 40px;
	height: 39px;
    line-height: 39px;
    background: #f4f4f4;
    text-align: center;
    color: #717171;
}

/*迷你购物车*/
#cartShop{
	height: 16px;
	line-height: 12px;
	font-size: 12px;
	color: red;
}

#cartShop .cartImg{
	width: 16px;
	height: 16px;
	display: inline-block;
	float: left;
	background: url(../../img/zxy/headAndFoot/icon-common.png) no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	position: relative;
}
#cartShop #cartShopNum{
	color:#a4a4a4;
	line-height: 14px;
	font-size: 14px;
}
#cartShop .miniCart{
	display: none;
	position: absolute;
	left: -370px;
	width: 450px;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 5px #aaa;
	z-index: 10;
}
#cartShop #emptyCart{
	height: 230px;
}
#cartShop #cartShopBox{
	max-height: 340px;
	min-height: 200px;
	overflow: auto;
}
#cartShopBox .cartShopBoxUl{
	padding-left: 0;
	list-style: none;
	width: 450px;
	position: relative;
	min-height: 180px;
	position: relative;
}
#cartShopBox .cartShopBoxUl li{
	padding: 20px 20px 0px;
	height: 140px;
	width: 100%;
	border-bottom: 1px solid gainsboro;
	position: relative;
}
#cartShopBox .cartShopBoxUl li .selectDiv{
	width: 40px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	float: left;
}
.checkLabel {
	width: 14px;
	height: 14px;
}
.checkLabel:hover {
	cursor: pointer;
}
.checkLabel span{
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(../../img/zxy/headAndFoot/icon2.png) no-repeat;
	background-position: -18px -129px;
	position: relative;
	top: 2px;
	margin-right: 5px;
}
.checkLabel .checkBtn{
	outline: none;
	display: none;
}
.checkLabel .checkBtn:checked+span{
	background-position: 0 -129px;
}
#cartShopBox .cartShopBoxUl li .itemImg{
	float: left;
}
#cartShopBox .cartShopBoxUl li .itemInfo{
	float: left;
	position: relative;
	widows: 300px;
}
#cartShopBox .cartShopBoxUl li .itemInfo p{
	color: #3a3a3a;
	margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
    font-size: 14px;
}
#cartShopBox .cartShopBoxUl li .itemInfo .itemNum,
#cartShopBox .cartShopBoxUl li .itemInfo .itemPrice{
    padding: 0 0 0 9px;
    height: 20px;
    line-height: 20px;
    color: #a4a4a4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
    font-weight: 400;
    color: #333;
    display: inline-block;
    min-width: 64px;
}

#cartShopBox #minicartBalance{
	height: 60px;
	padding: 10px;
	width: 100%;
}
#cartShopBox #minicartBalance p{
	color: #3a3a3a;
    font-size: 14px;
    float: left;
    margin-left: 23px;
    height: 40px;
    line-height: 40px;
}
#cartShopBox #minicartBalance a{
	float: right;
    color: #FFF;
    background-color: #ca151e;
    font-size: 14px;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 2px;
}
#cartShopBox #minicartBalance p font{
	color: #ca141d;
    font-size: 24px;
    font-weight: normal;
    margin-right: 12px;
}


#cartShop #emptyCart img {
	margin-top: 50px;
}

#cartShop:hover .miniCart {
	display: block;
	z-index: 10;
	background: #FFFFFF;
}


/*搜索框头部*/

#header {
	height: 70px;
	max-width: 1226px;
	padding: 10px 0;
	position: relative;
	z-index: 1;
}

#header .left {
	float: left;
}

#header .left a {
	display: inline-block;
	float: left;
	text-decoration: none;
}

#header .left ul {
	float: left;
	list-style: none;
	position: relative;
	margin-left: 40px;
}

#header .left ul li {
	padding: 0;
	margin: 0 10px;
	font-size: 16px;
	position: relative;
	line-height: 40px;
	display: block;
	float: left;
}

#header .left ul li a {
	color: black;
}

#header .left ul li:hover {
	border-bottom: 2px solid #CA141D;
}

#header .left ul li:hover a {
	color: #CA141D;
}

#header #logo {
	float: left;
	width: 240px;
}

#header .right {
	float: right;
	max-width: 330px;
	margin: 0;
}


/*页面主体部分自己添加*/

#page {
	max-width: 1366px;
	margin: 0 auto;
	padding-bottom: 460px;
	/*等于footer的高度*/
	background: aqua;
}

#pageContent {
	max-width: 1226px;
	margin: 0 auto;
	background: salmon;
}

#pageContent p {
	margin: 0;
}


/*页脚*/

#foot {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 460px;
	/*脚部的高度*/
	clear: both;
	max-width: 100%;
	margin: 0 auto;
	background: #F0F0F0;
}

#footBox {
	max-width: 1226px;
	margin: 0 auto;
	overflow: hidden;
}


/*四个图标*/

#footTop {
	max-width: 1226px;
	height: 140px;
	padding: 45px 10px;
}

#foot #footTop div {
	float: left;
	line-height: 47px;
	font-size: 18px;
	color: #3a3a3a;
	height: 47px;
	width: 300px;
	text-align: left;
}

#foot #footTop a {
	text-decoration: none;
	color: black;
}

#foot #footTop .slogan1,
.slogan2,
.slogan3,
.slogan4 {
	display: inline-block;
	float: left;
	line-height: 47px;
	width: 47px;
	height: 47px;
	margin-right: 16px;
	background: url(../../img/zxy/headAndFoot/icon-common.png) no-repeat;
	background-position: 0 -151px;
}

#foot #footTop .slogan2 {
	background-position: -94px -151px;
}

#foot #footTop .slogan3 {
	background-position: -141px -151px;
}

#foot #footTop .slogan4 {
	background-position: -47px -151px;
}


/*中间链接*/

#footMid {
	max-width: 1226px;
	height: 220px;
	border-top: 1px solid gray;
}

#footMid .footList {
	float: left;
	width: 960px;
	position: relative;
	height: 220px;
	padding: 20px 0;
}

#footMid .footList ul {
	float: left;
	height: 220px;
	width: 160px;
	list-style: none;
}

#footMid .footList ul li {
	float: none;
	line-height: 24px;
	padding: 0;
}

#footMid .footList ul li a {
	text-decoration: none;
	color: #666666;
	#00B5E2
}

#footMid .footList ul li a:hover {
	color: #00B5E2;
}

#footMid .serviceTel {
	float: left;
	width: 260px;
	position: relative;
	height: 220px;
	padding: 20px 20px;
	text-align: center;
}

#footMid .serviceTel p {
	font-size: 20px;
}

#footMid .serviceTel span {
	font-size: 12px;
}

#footMid .serviceTel a div {
	border: 1px solid gainsboro;
	background: white;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 10px auto;
}

#footMid .serviceTel a div:hover {
	cursor: pointer;
}

#footMid .serviceTel a {
	text-decoration: none;
	color: #990000;
}


/*底部版权声明*/

#footBottom {
	max-width: 1226px;
	height: 100px;
	padding: 30px 0;
	background: #E6E6E6;
}

#footBottom #copyright {
	height: 40px;
	width: 1226px;
}

#footBottom #copyright #copyrightLeft {
	width: 80px;
	float: left;
	height: 40px;
	padding: 10px 0;
	margin-right: 40px;
}

#footBottom #copyright #copyrightLeft a div {
	width: 80px;
	height: 20px;
	background: url(../../img/zxy/headAndFoot/icon-common.png);
	background-position: 100px -40px;
}

#footBottom #copyright #copyrightMid {
	width: 660px;
	float: left;
	height: 40px;
}

#footBottom #copyright #copyrightMid p {
	text-align: left;
	color: #a4a4a4;
	line-height: 12px;
	font-size: 12px;
}

#footBottom #copyright #copyrightMid a {
	text-decoration: none;
	color: #a4a4a4;
}

#footBottom #copyright #copyrightMid a:hover {
	cursor: pointer;
	color: #00C0E4;
}

#footBottom #copyright #copyrightLogo {
	width: 300px;
	float: right;
	height: 40px;
	line-height: 40px;
}